<template>
  <main class="scroll-container">
    <CmtpsNews />
    <CmtpsNewsPublication />
    <CmtpsNewsTraining />
    <CmtpsNewsEvent />
  </main>
</template>
<script>
import CmtpsNews from './cmts/news/index.vue'
import CmtpsNewsEvent from './cmts/news/event.vue'
import CmtpsNewsPublication from './cmts/news/publication.vue'
import CmtpsNewsTraining from './cmts/news/training.vue'
export default {
  name: 'newsPage',
  components: {
    CmtpsNews,
    CmtpsNewsEvent,
    CmtpsNewsPublication,
    CmtpsNewsTraining,
  },
  data() {
    return {}
  },
  mounted() {
    new this.$wow.WOW().init()
  },
}
</script>
<style lang="less" scoped>
/deep/ .news-event-swiper-container {
  width: 90%;
  .swiper-slide {
    width: auto;
  }
}
/deep/ .new-event-dl {
  cursor: pointer;
  width: 40rem;
  min-height: 30rem;
}
/deep/ dl {
  h3 {
    font-size: @fsLevel4;
    font-weight: 500;
  }
  dt {
    overflow: hidden;
    height: 24rem;
    & > img {
      width: 100%;
      min-height: 100%;
    }
  }
  dd {
    font-size: @fsLevel5;
  }
}
</style>
